﻿<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>
      超级投连
    </title>
    <link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
    <link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
    <link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />

  </head>

  <body>

    <!--标题区域 start-->
    <div class="tit_main">
      <a href="/pad_marketing/index/index.action" class="pull-left lh-50">
        <span class="icon icon-left">
        </span>
      </a>
      <a class="pull-right block lh-50" href="/pad_marketing/index/index.action">
        <span class="icon icon-home">
        </span>
      </a>
    </div>
    <!--标题区域 end-->

    <!--固定头部区域 start-->
    <div class="addBanner">
      <div class="banner">
        <div class="banner-bg">
        </div>
        <img src="/pad_marketing/html/img/product/listViewStar-225.jpg">
        <h2 id="product-title">
        </h2>
      </div>
      <div class="padding-15 text-center">
        <span class="icon icon-add btn-warning padding-right-15">
          <label class="white font-18">
            附
          </label>
        </span>
        <span class="font-20">
          可搭配附加险
        </span>
      </div>
    </div>
    <!--固定头部区域 end-->

    <div class="hide" id="tpl_thumbnail">
      <li class="thumbnail">
      <img src="/portal/resources/images/product/riders/{pkgId}.jpg">
      <div class="caption">
        <h3 class="font-16 p-overflow">
          {title}
        </h3>
        <p class="font-14 gray">
          {subTitle}
        </p>
      </div>
      <div class="check-list">
        <input type="checkbox" name="product" {product}>
        <label for="">
          &nbsp;
        </label>
      </div>
    </li>
  </div>

  <!--内容区域 start-->
  <div class="H_banner_bot">
    <div>
      <dl class="dl-product sm">
        <dt>
        <button class="btn btn-danger btn-circle">
          <span class="icon icon-jkyl">
          </span>
        </button>
        <div class="blank-1">
        </div>
        健康医疗
      </dt>
      <dd>
      <ul class="table-responsive" id="health">

      </ul>
    </dd>
  </dl>
<dl class="dl-product sm">
  <dt>
  <button class="btn btn-purple btn-circle">
    <span class="icon icon-rsbz">
    </span>
  </button>
  <div class="blank-1">
  </div>
  人生保障
</dt>
<dd>
<ul class="table-responsive" id="life">

</ul>
</dd>
</dl>
<dl class="dl-product sm">
  <dt>
  <button class="btn btn-warning btn-circle">
    <span class="icon icon-lcgh">
    </span>
  </button>
  <div class="blank-1">
  </div>
  理财规划
</dt>
<dd>
<ul class="table-responsive" id="plan">

</ul>
</dd>
</dl>
<dl class="dl-product sm">
  <dt>
  <button class="btn btn-primary btn-circle">
    <span class="icon icon-znjy">
    </span>
  </button>
  <div class="blank-1">
  </div>
  子女教育
</dt>
<dd>
<ul class="table-responsive" id="edu">

</ul>
</dd>
</dl>
  <dl class="dl-product sm">
    <dt>
    <button class="btn btn-success btn-circle">
      <span class="icon icon-txyl">
      </span>
    </button>
    <div class="blank-1">
    </div>
    退休养老
  </dt>
  <dd>
  <ul class="table-responsive" id="old">

  </ul>
</dd>
</dl>
</div>
</div>
<!--内容区域 end-->

<!--底部区域 start-->
<div class="bot_main">
  <div class="col-md-8 text-right font-20">
    <label>
      健康医疗
      <span class="orange" id="health-num">
        0
      </span>
      &nbsp;&nbsp;&nbsp;&nbsp;
    </label>
    <label>
      人生保障
      <span class="orange" id="life-num">
        0
      </span>
      &nbsp;&nbsp;&nbsp;&nbsp;
    </label>
    <label>
      理财规划
      <span class="orange" id="plan-num">
        0
      </span>
      &nbsp;&nbsp;&nbsp;&nbsp;
    </label>
    <label>
      子女教育
      <span class="orange" id="edu-num">
        0
      </span>
      &nbsp;&nbsp;&nbsp;&nbsp;
    </label>
    <label>
      退休养老
      <span class="orange" id="old-num">
        0
      </span>
      &nbsp;&nbsp;&nbsp;&nbsp;
    </label>
  </div>
  <div class="col-md-2">
    <button type="button" class="btn btn-primary btn-lg btn-block" onClick="complete(1)">
      <span class="icon icon-note">
      </span>
      建议书
    </button>
  </div>
  <div class="col-md-2">
    <button type="button" class="btn btn-warning btn-lg btn-block" onClick="complete(2)">
      <span class="icon icon-shop">
      </span>
      立即购买
    </button>
  </div>
</div>
<!--底部区域 end-->


<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <div class="circle-pic">
        <img src="../img/circle-bird.png">
      </div>
      <lable class="circle-text">
      </lable>
      <div class="circle-menu">
        <a href="aboutUs.html" class="menu-item" id="menu-one">
          <i class="">
            公司简介
          </i>
        </a>
        <a href="proposalMange.html" class="menu-item" id="menu-two">
          <i class="">
            建议书
          </i>
        </a>
        <a href="listViewHot.html" class="menu-item" id="menu-three">
          <i class="">
            产品中心
          </i>
        </a>
        <a href="orderMange.html" class="menu-item" id="menu-four">
          <i class="">
            在线投保
          </i>
        </a>
        <a href="requirementsAnalysis.html" class="menu-item" id="menu-five">
          <i class="">
            需求分析
          </i>
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">
        X
      </span>
    </nav>
  </div>
</div>

<!--弹出层-模板 start-->
<div class="open-block open-top hide" id="open1">
  <div class="open-body" style="overflow: visible;">
    <div class="form-group" id="beibaoren" style="overflow: visible;">
      <div class="control-label col-md-1 no-padding lh-45">
        被保险人
      </div>
      <label class="control-label col-md-1">
        姓名
      </label>
      <div class="col-md-3">
        <input 
            type="text"
            class="form-control"
            id="nameInput"
            onblur="clearPerson()"
            oninput="handleData('searchInput','nameInput')"
            value=""
        />
        <div class="relative">
          <ul id="searchInput" class="selectUl">
          </ul>
        </div>
      </div>
      <label class="control-label col-md-1 no-padding">
        <p class="lh-45 padding-right-10">
          出生日期
        </p>
      </label>
      <div class="col-md-3">
        <input 
            type="text"
            class="form-control"
            data-role="datebox"
            id="dataOfBirth"
            onchange="initCarrer(0,'dataOfBirth')"/>
      </div>
      <label class="control-label col-md-1">
        性别
      </label>
      <div class="col-md-2 radio-sex">
        <label class="male active" name="M">
          <input type="radio" name="inlineRadioOptions"  value="option1" onclick="initCarrer(0,'dataOfBirth')"/>
        </label>
        <label class="female" name="F">
          <input type="radio" name="inlineRadioOptions"  value="option1" onclick="initCarrer(0,'dataOfBirth')"/>
        </label>
      </div>

      <div class="blank-1">
      </div>

      <div class="control-label col-md-1">
        &nbsp;
      </div>
      <label class="control-label col-md-1">
        职业
      </label>
      <div class="col-md-3">
        <input type="text" class="form-control works"/>
      </div>
      <div class="col-md-2">
        <button class="btn btn-warning btn-lg btn-block" onClick="showDiv('open5')">
          常用职业
        </button>
      </div>

    </div>
  </div>
  <div class="blank-1">
  </div>
  <div class="open-footer">
    <button class="btn btn-primary" onClick="closeDiv('open1')">
      <span class="icon icon-no">
      </span>
      取消
    </button>
    <button class="btn btn-warning" type="button" onclick="toNext(1)">
      <span class="icon icon-ok">
      </span>
      确定
    </button>
  </div>
</div>

<!--弹出层-模板 end-->

<!--弹出层-模板 start-->
<div class="open-block open-top hide" id="open2">
  <div class="open-body">
    <div class="form-group">
      <div class="control-label col-md-1 no-padding lh-45">
        <p class="text-center">
          被保险人
        </p>
      </div>
      <label class="control-label col-md-1 padding-right-20">
        姓名
      </label>
      <div class="col-md-3">
        <input type="text" class="form-control" id="proposal-name"  value="">
      </div>
      <label class="control-label col-md-1">
        年龄
      </label>
      <div class="col-md-3 input-group">
        <input type="number" class="form-control" id="inputAge" oninput="initCarrer(1,'inputAge')" />
        <span class="input-group-addon"><img src="/pad_marketing/html/img/icon-date-gray.png" width="23" /></span>
      </div>
      <label class="control-label col-md-1">
        性别
      </label>
      <div class="col-md-2 radio-sex">
        <label class="male active" name="M">
          <input type="radio" name="inlineRadioOptions"  value="M" onclick="initCarrer(1,'inputAge')">
        </label>
        <label class="female" name="F">
          <input type="radio" name="inlineRadioOptions"  value="F" onclick="initCarrer(1,'inputAge')">
        </label>
      </div>


      <div class="blank-1">
      </div>

      <div class="control-label col-md-1">
        &nbsp;
      </div>
      <label class="control-label col-md-1">
        职业
      </label>
      <div class="col-md-3">
        <input type="text" class="form-control works"/>
      </div>
      <div class="col-md-2">
        <button class="btn btn-warning btn-lg btn-block" onClick="showDiv('open5')">
          常用职业
        </button>
      </div>
    </div>
  </div>
  <div class="open-footer">
    <button class="btn btn-primary" onClick="closeDiv('open2')">
      <span class="icon icon-no">
      </span>
      取消
    </button>
    <a class="btn btn-warning" onclick="toNext(2)">
      <span class="icon icon-ok">
      </span>
      确定
    </a>
  </div>
</div>

<!--弹出层-模板 end-->
<!--弹出层-模板 start-->
<div class="open-block hide" id="open3">
  <h4 class="open-header">
    在线投保生成订单列表
    <button type="button" class="close" onClick="closeDiv('open3')">
      ×
    </button>
  </h4>
  <div class="open-body font-16">
    <p class="font-12 gray">
      请点选其中的一张订单继续投保操作，剩余订单请在订单书架中查找
    </p>
    <div>
      <div class="blank-1">
      </div>
      <div class="form-group">
        <div class="col-md-4">
          <p class="p-overflow" title="">
            安德安康
          </p>
        </div>
        <div class="col-md-6 text-right">
          <p class="p-overflow">
            订单号：
            <span class="orange">
              0989999999
            </span>
          </p>
        </div>
        <div class="col-md-2 text-right">
          <div class="radio_blo">
            <input type="radio" name="xx" />
            <label for="">
              &nbsp;
            </label>
          </div>
        </div>
      </div>
      <hr>
    </div>
    <div class="blank-1">
    </div>
    <div class="form-group">
      <div class="col-md-4">
        <p class="p-overflow" title="">
          安德安康
        </p>
      </div>
      <div class="col-md-6 text-right">
        <p class=" p-overflow">
          订单号：
          <span class="orange">
            0989999999
          </span>
        </p>
      </div>
      <div class="col-md-2 text-right">
        <div class="radio_blo">
          <input type="radio" name="xx" />
          <label for="">
            &nbsp;
          </label>
        </div>
      </div>
    </div>
    <hr>
    <div class="blank-1">
    </div>
    <div class="form-group">
      <div class="col-md-4">
        <p class="p-overflow" title="">
          安德安康
        </p>
      </div>
      <div class="col-md-6 text-right">
        <p class=" p-overflow">
          订单号：
          <span class="orange">
            0989999999
          </span>
        </p>
      </div>
      <div class="col-md-2 text-right">
        <div class="radio_blo">
          <input type="radio" name="xx" />
          <label for="">
            &nbsp;
          </label>
        </div>
      </div>
    </div>
    <div class="blank-1">
    </div>
    <div class="text-center">
      <a class="btn btn-warning btn-lg" href="purchaseNote.html">
        <span class="icon icon-right-circle">
        </span>
        继续投保
      </a>
    </div>
  </div>
</div>

<!--弹出层-模板 start-->
<div class="open-block open-content hide" id="open4">
	<h4 class="open-header">
		<span id="title"> </span><span id="subTitle"></span><a class="close"
			onClick="closeDiv('open4')">×</a>
	</h4>
	<div class="open-body no-padding">
		<!-- 列表切换选项卡 -->
		<div class="tabs-line">
			<a href="#" class="active">产品特色&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
			<a href="#">保险利益简介</a>

		</div>
		<!-- 列表内容 -->
		<div class="swiper-container tabSwiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="content-slide">
						<div class="show-pic">
							<img src="/pad_marketing/html/img/product/akyy820x217.jpg"
								style="max-width: 100%">
							<div class="product-logo"></div>
						</div>
						<div class="padding-3" id="feature"></div>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="content-slide">
						<div class="padding-2">
							<div class="col-md-3 relative">
								<img src="/pad_marketing/html/img/product/akyy227x323.jpg"
									style="max-width: 100%" />
								<div class="product-logo"></div>
							</div>
							<div class="col-md-9" id="benefit"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

	<!-- 弹出层模板 -->
<div class="open-block open-lg hide" id="open5">
  <div class="open-header">
    常用职业
    <button type="button" class="close" onClick="closeDiv('open5')">
      ×
    </button>
  </div>
  <div class="open-body btn-list-group">
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="T03">儿童</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R44">个体户</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R35">一般商业/负责人</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="O02">学生</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R07">杂货商</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R38">一般商业/店员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="T02">家庭主妇</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="X01">钟点工</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="A01">机关团体/内勤人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="T04">退休者</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="Y01">自由投资者</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S01">银行、保险/内勤人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="O01">教师</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="A03">安联业务人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S02">银行、保险/代理人</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S08">会计</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="M02">一般医师及护士</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S09">其它服务性行业/内勤人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="B02">农夫</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R42">工商业/售货员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S11">其它服务性行业/外勤人员</button>
    </div>
  </div>
  <div class="open-footer">
    <div class="col-md-3 col-md-offset-3">
      <button class="btn btn-primary btn-lg btn-block" onClick="closeDiv('open5')">
        <span class="icon icon-no">
        </span>
        取消
      </button>
    </div>
    <div class="col-md-3">
      <button id="normalSure" class="btn btn-warning btn-lg btn-block">
        <span class="icon icon-ok">
        </span>
        确定
      </button>
    </div>
  </div>
</div>
<!-- 弹出层模板结束 -->

<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.min.js" type="text/javascript">
</script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript">
</script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js">
</script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript">
</script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js">
</script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript">
</script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript">
</script>
<script src="/pad_marketing/html/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript">
</script>
<script src="/pad_marketing/dev/js/jobchooes.js" type="text/javascript">
</script>
<script src="/pad_marketing/dev/js/listViewStar.js" type="text/javascript">
</script>
</body>
</html>
